<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- 引入页面片段使用
        th:replace 不要当前页面中的主标签
        th:insert  要当前页面中的主标签
        th:include thymeleaf新版本不推荐使用了
 -->
<div th:replace="/common2/header::headFragment"></div>
<!--  th:text的使用:  将属性值展示到标签内部
  -->
<div>
    <p th:text="${attr.categoryId==null?'aaa':attr.name}"></p>
    <p th:text="${attr.name}">xxxxx</p>
    <hr>
    [[${attr.name}]]
<!--  th:attr的使用：将属性值取出当做标签的属性值使用
  -->
    <h3 th:title="${attr.id}">标题</h3>
<!--
    标签连接或者引入文件路径处理：href和src属性中路径的处理
 -->
    <div>
        <h3>超链接路径</h3>
        <a th:href="'http://search.gmall.com/search?brandId='+${attr.id}+'&brandName='+${attr.name}">第一页</a>
        <a th:href="@{http://search.gmall.com/search(brandId=${attr.id},brandName=${attr.name})}">第1页</a>
        <a th:href="'http://search.gmall.com/search/'+${attr.id}">cccc</a>
        <a th:href="@{http://search.gmall.com/search/{id}(id=${attr.id})}">cccc</a>
    </div>
<!--
    对象拆包使用： th:object 获取一个域中的对象拆包使用

 -->
    <hr>
    <div th:object="${attr}">
        <p th:text="*{id}"></p>
        <p th:text="*{name}"></p>
        <p th:text="*{icon}"></p>
    </div>
    <hr>
<!--  #lists   thymeleaf的内置对象，提供了集合操作的方法
   #strings   处理字符串的内置对象

   -->
    <div th:if="${ #lists.isEmpty(attrs)}">
        集合为空
    </div>
    <div th:if="${not #lists.isEmpty(attrs)}">
        集合不为空
    </div>
    <div th:if="${attr.id==0}">
        attrid为0
    </div>

    <hr>
    <!--        th:switch
 -->
    <div th:switch="${attr.id}">
        <p th:case="0">attrId为0</p>
        <p th:case="1">attrId为1</p>
        <p th:case="*">attrId为其他</p>
    </div>
    <hr>
    <h3>集合的处理</h3>
    <div th:if="${not #lists.isEmpty(attrs)}" th:each="a,stat:${attrs}" th:object="${a}">
        <p th:text="|正在遍历第${stat.count}个元素,它的索引是${stat.index},正在遍历的是不是第一个元素:${stat.first}|"></p>
        <p th:text="*{id}"></p>
        <p th:text="*{name}"></p>
        <p th:text="*{icon}"></p>
    </div>
<!--
    th:with
    定义局部变量,定义后的变量可以在标签范围内使用
-->
    <div th:with="aid=${attr.id}">
        <a th:href="@{/get/${aid}}">ddddd</a>
    </div>

    <p th:text="${session.sessionAttrs}"></p>
    <div th:insert="/common2/footer::footFragment2"></div>

<!--   js内联 -->
    <script type="text/javascript" th:inline="javascript">
        var attrs = [[${attrs}]]
        console.log(attrs)
    </script>

</div>
</body>
</html>